﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/">
<head>
    <title>Home</title>
    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- GOOGLE WEB FONTS -->
    <link rel="stylesheet" href="../static/css/font-awesome.css" th:href="@{/css/font-awesome.css}">

    <!-- BOOTSTRAP 3.3.7 CSS -->
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}"/>

    <!-- SLICK v1.6.0 CSS -->
    <link rel="stylesheet" href="../static/css/slick-1.6.0/slick.css" th:href="@{/css/slick-1.6.0/slick.css}"/>

    <link rel="stylesheet" href="../static/css/jquery.fancybox.css" th:href="@{/css/jquery.fancybox.css}"/>
    <link rel="stylesheet" href="../static/css/yith-woocommerce-compare/colorbox.css"
          th:href="@{/css/yith-woocommerce-compare/colorbox.css}"/>
    <link rel="stylesheet" href="../static/css/owl-carousel/owl.carousel.min.css"
          th:href="@{/css/owl-carousel/owl.carousel.min.css}"/>
    <link rel="stylesheet" href="../static/css/owl-carousel/owl.theme.default.min.css"
          th:href="@{/css/owl-carousel/owl.theme.default.min.css}"/>
    <link rel="stylesheet" href="../static/css/js_composer/js_composer.min.css"
          th:href="@{/css/js_composer/js_composer.min.css}"/>
    <link rel="stylesheet" href="../static/css/woocommerce/woocommerce.css" th:href="@{/css/woocommerce/woocommerce.css}"/>
    <link rel="stylesheet" href="../static/css/yith-woocommerce-wishlist/style.css"
          th:href="@{/css/yith-woocommerce-wishlist/style.css}"/>


    <link rel="stylesheet" href="../static/css/yith-woocommerce-wishlist/style.css"
          th:href="@{/css/yith-woocommerce-wishlist/style.css}"/>
    <link rel="stylesheet" href="../static/css/custom.css" th:href="@{/css/custom.css}"/>
    <link rel="stylesheet" href="../static/css/app-orange.css" id="theme_color" th:href="@{/css/app-orange.css}"/>
    <link rel="stylesheet" href="" id="rtl"/>
    <link rel="stylesheet" href="../static/css/app-responsive.css" th:href="@{/css/app-responsive.css}"/>
</head>


<body class="product-template-default single single-product woocommerce woocommerce-page">


<div class="body-wrapper theme-clearfix">

    <div th:replace="~{fragments/header::${session.user}?header1:header2}"></div>


    <div th:replace="/fragments/container::container"></div>


    <div th:replace="/fragments/footer::footer"></div>
</div>

<!-- DIALOGS -->
<div class="modal fade" id="search_form" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog block-popup-search-form">
        <form role="search" method="get" class="form-search searchform" th:action="@{/index/search}">
            <input type="text" value="" name="keywords" class="search-query" placeholder="Enter your keyword..."/>

            <button type="submit" class="fa fa-search button-search-pro form-button"></button>

            <a href="javascript:void(0)" title="Close" class="close close-search" data-dismiss="modal">X</a>
        </form>
    </div>
</div>

<div class="modal fade" id="login_form" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog block-popup-login">
        <a href="javascript:void(0)" title="Close" class="close close-login" data-dismiss="modal">Close</a>

        <div class="tt_popup_login">
            <strong>Sign in Or Register</strong>
        </div>

        <!--登录表单-->
        <form action="/login" method="post" class="login" >
            <div class="block-content">
                <div class="col-reg registered-account">
                    <div class="email-input">
                        <input type="text" class="form-control input-text username" name="username" id="username"
                               placeholder="Username"/>
                    </div>

                    <div class="pass-input">
                        <input class="form-control input-text password" type="password" placeholder="Password"
                               name="password" id="password"/>
                    </div>

                    <div class="ft-link-p">
                        <a href="#" class="login-box-msg" style="color: orangered" th:text="${failMsg}" title="error message prompt ">登陆错误提示信息</a>

                    </div>

                    <div class="actions">
                        <div class="submit-login">
                            <input type="submit" class="button btn-submit-login" name="login" value="Login"/>
                        </div>
                    </div>
                </div>

                <div class="col-reg login-customer">
                    <h2>NEW HERE?</h2>

                    <p class="note-reg">Registration is free and easy!</p>

                    <ul class="list-log">
                        <li>Faster checkout</li>

                        <li>Save multiple shipping addresses</li>

                        <li>View and track orders and more</li>
                    </ul>

                    <a href="/toregister" title="Register" class="btn-reg-popup">Create an account</a>
                </div>
            </div>
        </form>
        <div class="clear"></div>
    </div>
</div>

<a id="etrostore-totop" href="#"></a>

<div id="subscribe_popup" class="subscribe-popup" style="background: url(/static/images/icons/bg_newsletter.jpg)">
    <div class="subscribe-popup-container">
        <h2>Join our newsletter</h2>
        <div class="description">Subscribe now to get 40% of on any product!</div>
        <div class="subscribe-form">
            <form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-275" method="post" data-id="275" data-name="">
                <div class="mc4wp-form-fields">
                    <div class="newsletter-content">
                        <input type="email" class="newsletter-email" name="EMAIL" placeholder="Your email" required=""/>
                        <input class="newsletter-submit" type="submit" value="Subscribe"/>
                    </div>
                </div>
                <div class="mc4wp-response"></div>
            </form>
        </div>

        <div class="subscribe-checkbox">
            <label for="popup_check">
                <input id="popup_check" name="popup_check" type="checkbox"/>
                <span>Don't show this popup again!</span>
            </label>
        </div>

        <div class="subscribe-social">
            <div class="subscribe-social-inner">
                <a href="#" class="social-fb">
                    <span class="fa fa-facebook"></span>
                </a>

                <a href="#" class="social-tw">
                    <span class="fa fa-twitter"></span>
                </a>

                <a href="#" class="social-gplus">
                    <span class="fa fa-google-plus"></span>
                </a>

                <a href="#" class="social-pin">
                    <span class="fa fa-instagram"></span>
                </a>

                <a href="#" class="social-linkedin">
                    <span class="fa fa-pinterest-p"></span>
                </a>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="../static/js/jquery/jquery.min.js" th:src="@{/js/jquery/jquery.min.js}"></script>
<script type="text/javascript" src="../static/js/jquery/jquery-migrate.min.js" th:src="@{/js/jquery/jquery-migrate.min.js}"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" src="../static/js/jquery/js.cookie.min.js" th:src="@{/js/jquery/js.cookie.min.js}"></script>

<!-- OPEN LIBS JS -->
<script type="text/javascript" src="../static/js/owl-carousel/owl.carousel.min.js" th:src="@{/js/owl-carousel/owl.carousel.min.js}"></script>
<script type="text/javascript" src="../static/js/slick-1.6.0/slick.min.js" th:src="@{/js/slick-1.6.0/slick.min.js}"></script>

<script type="text/javascript" src="../static/js/yith-woocommerce-compare/jquery.colorbox-min.js" th:src="@{/js/yith-woocommerce-compare/jquery.colorbox-min.js}"></script>
<script type="text/javascript" src="../static/js/sw_core/isotope.js" th:src="@{/js/sw_core/isotope.js}"></script>
<script type="text/javascript" src="../static/js/sw_core/jquery.fancybox.pack.js" th:src="@{/js/sw_core/jquery.fancybox.pack.js}"></script>
<script type="text/javascript" src="../static/js/sw_woocommerce/category-ajax.js" th:src="@{/js/sw_woocommerce/category-ajax.js}"></script>
<script type="text/javascript" src="../static/js/sw_woocommerce/jquery.countdown.min.js" th:src="@{/js/sw_woocommerce/jquery.countdown.min.js}"></script>
<script type="text/javascript" src="../static/js/js_composer/js_composer_front.min.js" th:src="@{/js/js_composer/js_composer_front.min.js}"></script>

<script type="text/javascript" src="../static/js/plugins.js" th:src="@{/js/plugins.js}"></script>
<script type="text/javascript" src="../static/js/megamenu.min.js" th:src="@{/js/megamenu.min.js}"></script>
<script type="text/javascript" src="../static/js/main.min.js" th:src="@{/js/main.min.js}"></script>

<script type="text/javascript">
    var sticky_navigation_offset_top = $("#header1 .header-bottom").offset().top;
    var sticky_navigation = function () {
        var scroll_top = $(window).scrollTop();
        if (scroll_top > sticky_navigation_offset_top) {
            $("#header1 .header-bottom").addClass("sticky-menu");
            $("#header1 .header-bottom").css({"top": 0, "left": 0, "right": 0});
        } else {
            $("#header1 .header-bottom").removeClass("sticky-menu");
        }
    };
    sticky_navigation();
    $(window).scroll(function () {
        sticky_navigation();
    });

    $(document).ready(function () {
        $(".show-dropdown").each(function () {
            $(this).on("click", function () {
                $(this).toggleClass("show");
                var $element = $(this).parent().find("> ul");
                $element.toggle(300);
            });
        });
    });
</script>
<script type="text/javascript">
    var sticky_navigation_offset_top = $("#header2 .header-bottom").offset().top;
    var sticky_navigation = function () {
        var scroll_top = $(window).scrollTop();
        if (scroll_top > sticky_navigation_offset_top) {
            $("#header2 .header-bottom").addClass("sticky-menu");
            $("#header2 .header-bottom").css({"top": 0, "left": 0, "right": 0});
        } else {
            $("#header2 .header-bottom").removeClass("sticky-menu");
        }
    };
    sticky_navigation();
    $(window).scroll(function () {
        sticky_navigation();
    });

    $(document).ready(function () {
        $(".show-dropdown").each(function () {
            $(this).on("click", function () {
                $(this).toggleClass("show");
                var $element = $(this).parent().find("> ul");
                $element.toggle(300);
            });
        });
    });
</script>


<!--[if gte IE 9]><!-->
<script type="text/javascript">
    var request, b = document.body, c = 'className', cs = 'customize-support',
        rcs = new RegExp('(^|\\s+)(no-)?' + cs + '(\\s+|$)');
    request = true;

    b[c] = b[c].replace(rcs, ' ');
    // The customizer requires postMessage and CORS (if the site is cross domain)
    b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;
</script>
<!--<![endif]-->
</body>
</html>

